<!--
 * @Author       : wfl
 * @LastEditors  : wfl
 * @description  :
 * @updateInfo   :
 * @Date         : 2022-11-01 10:07:41
 * @LastEditTime : 2023-08-21 10:31:45
-->
<script lang="ts" setup name="ManageDictionary">
import type { Ref } from 'vue'
import DictionItem from './diction-item/index.vue'
import DictionContent from './diction-content/index.vue'

const item: Ref<{ name: string; id: string; } | null> = ref(null)
const handSelectItem = (val: any) => {
  item.value = val
}
</script>

<template>
  <IkPageMain fixed>
    <IkSplitPan size="50" :left-size="[30, 1000]">
      <template #left>
        <DictionItem @selectItem="handSelectItem" />
      </template>
      <template #right>
        <DictionContent :parent="item!" />
      </template>
    </IkSplitPan>
  </IkPageMain>
</template>
